/* @flow */
'use strict';

var React = require('react-native');

var {
  StyleSheet,
  View,
  Text,
  Image
} = React;

var ImageView = React.createClass({
  render: function() {
    return (
     <View style ={styles.contentViewStyle}>
     	<Text style = {styles.imageTitleStyle}>
     		{"加载远程图片"}
     	</Text>
     	<Image
     	  style={styles.ImageStyle}
     	  resizeMode='cover'
     	  source={{uri: 'http://img1.mydrivers.com/img/20141126/b28765f4741d47c98f1b56078a3202e7.jpg'}} />

     	 <Text style = {styles.imageTitleStyle}>
     		{"加载本地图片"}
     	</Text>
     	<Image
     	  style={styles.ImageStyle}
     	  resizeMode='cover'
     	  source={require('image!ceshi')} />
     	
     </View>
    );
  }
});


var styles = StyleSheet.create({
	contentViewStyle:{
		flex:1,
		marginTop:64
	},

	imageTitleStyle:{
	},

	ImageStyle:{
		width:300,
		height:300,
		alignItems:'center'
	}
});


module.exports = ImageView;
